<template>
    <div class="home">
        <Header head-title="亲情账号" go-back="true"></Header>
        <p class="fonts fontC6 p1">
            点击下方 + 号进行亲情账号添加并提供认证后，即可帮助亲属申领电子卡，一人最多可关联8名亲属，当亲属就诊时，出示电子卡即可实现线下就诊
        </p>

        <section class="group">
            <div class="HosPitalicon CardApply">
                <img @click="FamilyDetail()" src="../../../assets/img/man.png" alt="">
                <p class="fonts">渣渣辉</p>
                <img @click="open()" class="plusFamily" src="../../../assets/img/plusFamily.png" alt="">
            </div>
            <div class="HosPitalicon CardApply">
                <img @click="FamilyDetail()" src="../../../assets/img/woman.png" alt="">
                <p class="fonts">渣渣辉</p>
                <img @click="open()" class="plusFamily" src="../../../assets/img/plusFamily.png" alt="">
            </div>
            <div class="HosPitalicon CardApply">
                <img @click="FamilyDetail()" src="../../../assets/img/woman.png" alt="">
                <p class="fonts">渣渣辉</p>
                <img @click="open()" class="plusFamily" src="../../../assets/img/plusFamily.png" alt="">
            </div>

            <div class="HosPitalicon CardApply">
                <img @click="FamilyDetail()" src="../../../assets/img/man.png" alt="">
                <p class="fonts">渣渣辉</p>
                <img @click="open()" class="plusFamily" src="../../../assets/img/plusFamily.png" alt="">
            </div>
            <div class="HosPitalicon" @click="AddFamily()">
                <img src="../../../assets/img/addFamily.png" alt="">
            </div>
        </section>

    </div>
</template>
<script>

import Header from '../../../components/Header'

export default {
  data () {
    return {
    }
  },
  components: {
    Header
  },
  methods: {
    open () {
      this.$confirm('是否确定删除渣渣辉', '删除家人', {
        confirmButtonText: '确定',
        cancelButtonText: '再想想',
        type: 'warning',
        customClass: 'Message'
      }).then(() => {
        this.$message({
          type: 'success',
          message: '删除成功'
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '再想想'
        })
      })
    },
    FamilyDetail () {
      this.$router.push({
        path: '/FamilyDetail'
      })
    },
    //  添加家人
    AddFamily () {
      this.$router.push({
        path: '/AddFamily'
      })
    }
  }
}
</script>

<style scoped>
.HosPitalicon p {
    padding: 0;
}
.CardApply p {
    margin-right: 0;
    text-align: center;
}
</style>
